@charset "UTF-8";
/*二级页面banner*/
.fu_bg{
    width: 100%;
    height: 510px;
    max-width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: animatedBackground 20s linear infinite alternate;
    -o-animation: animatedBackground 20s linear infinite alternate;
    -webkit-animation: animatedBackground 20s linear infinite alternate;
    -moz-animation: animatedBackground 20s linear infinite alternate;

}
.fu_inner{
    position: relative;
    width: 1200px;
    margin: auto;
}
.fu_text{
    position: absolute;
    right: 0;
    top:90px;
    width: 300px;
}
@font-face {
    font-family: 'myFirstFont';
    src: url('../fonts/SourceHanSerifCN-Heavy.otf');
}
.fu_text h1{
    display: inline-block;
    width: 80px;
    font-size: 72px;
    color: #fff;
    font-family: "myFirstFont";
    position: absolute;
    z-index: 999;
    right: 60px;
    top: 15px;
}
.fu_pos{
    position: relative;
}
.fu_pos b{
    position:absolute ;
    top:2px;
    display: inline-block;
    width: 30px;
    height: 45px;
    background-color: #E8132C;
    z-index: 1;
    right: 60px;
}
.fu_inner p{
    font-family: 'myFirstFont';
    position: absolute;
    display: inline-block;
    font-size: 23px;
    color: #fff;
    line-height: 28px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top:105px;
    right: -13px;
}
@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50% 0;
    }
}
/*页码*/
.mypage {
    clear: both;
    width:100%;
    height:auto;
    border:#f00 0px solid;
    margin:0 auto;
    padding: 20px 0;
    text-align:center;
    font-size: 16px;
}
.pc_dis{
    display: none;
}
.mypage a{
    color:#4d555d;
    width:auto;
    height:auto;
    padding:6px 12px;
    font-size:16px;
    margin-right:5px;
    border: 1px solid #DBDBDB;
    background: #F5F5F5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.mypage span{
    color:#717171;
    width:auto;
    height:auto;
    padding:10px;
    font-size:16px;
    border-radius:5px;
    margin-right:5px;
}
.mypage .linking,.mypage a:hover {
    color: #fff;
    background: #F10214;
    border:1px solid transparent;
    border-radius: 4px;
}
.gybg{
    background: url("../images/second/aboutbg.jpg") no-repeat;
}
.base{
    padding:80px 0 100px 0 ;
}
.base_cont{
    position: relative;
    min-height:400px;
}
.base_lf{
    position: absolute;
    left: 0;
    width: 530px;
    z-index: 999;
}
.base_lf img{
    width: 100%;
}
.base_rt{
    position: absolute;
    right: 0;
    top:10px;
    width: 720px;
    z-index: 99;
    padding:50px 25px 40px  140px;
    border: 1px solid #E8132C;
}
.base_rt h1{
    font-size: 24px;
    color: #C29244;
    margin-bottom: 30px;
}
.base_rt h1 b{
    display: inline-block;
    width: 50px;
    border-top: 1px solid #E8132C;
}
.base_rt p{
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.base_rt span{
    width: 140px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    background-color: #E8132C;
    color: #fff;
    font-size: 17px;
    text-align: center;
    margin-top:50px;
}
.base_rt_img{
    margin-top: 50px;
}
.title{
    text-align: center;
}
.title h1{
    font-size: 30px;
    color: #C29244;
}
.title h1 b{
    position: relative;
    top:-10px;
    display:inline-block;
    width: 30px;
    border-top: 2px solid #E8132C;
}
.title h1 div{
    display: inline-block;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
}
.title h1:hover div{
    animation-iteration-count: 1;
    animation-name: style3;
}
.title p{
    width: 60%;
    margin: auto;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
}
@keyframes style3 {
    from {
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}
.yi{
    padding-top: 50px;
    min-height: 760px;
    background: url("../images/second/ab-2.jpg") no-repeat center;
}
.message{
    background-color: #F2F5F7;
    padding-bottom: 60px;
}
.main-cd{
    width: 1120px;
    margin: auto;
}
.message h3{
    font-size: 28px;
    color: #20394B;
    margin-top: 30px;
}
.message h4{
    font-size: 16px;
    color: #97ADBA;
    line-height: 30px;
}
.message-tit{
    margin-bottom: 50px;
    text-align: center;
}
.message input[type="text"]{
    width: 360px;
    height: 50px;
    background: #fff;
    line-height: 50px;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.message textarea{
    width:100%;
    height: 200px;
    background-color: #fff;
}
.message a.tijiao{
    width: 360px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 30px auto 70px;
    background-color: #E7132B;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
#map{
    width: 100%;
    height: 330px;
}
.padd50{
    padding: 50px 0;
}
/*课程*/
.kcbg{
    background: url("../images/second/kebg.jpg") no-repeat;
}
.fu_inner p.col_00{
    color: #2F2F2F;
}
.fu_inner h1.col_00{
    color: #2F2F2F;
}
.kcbg .fu_inner p{
    right: -85px;
    top: 198px;
}
.system_list ul li{
    float: left;
    width: 25%;
    padding: 0 1%;
    margin-bottom: 30px;
}
.system_list ul li h1{
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #666666;
    margin-bottom: 20px;
    overflow: hidden;
}
.ke_img{
    position: relative;
    overflow: hidden;
}
.ke_img img{
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ke_img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.ke_img:hover .ke_tit h4{
    color: #E7132B;
}
.ke_tit{
    position: absolute;
    bottom:0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 10px;
}
.ke_tit h4{
    font-size: 18px;
    color: #fff;
}
.system_list ul li h1 i{
    font-size: 30px;
    color: #E7132B;
}
.sys_lf{
    float: left;
    width:68%;
    padding-right: 25px;
}
.sys_lf a{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.sys_lf a>img{
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sys_lf:hover a>img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.system_text img{
    margin-right: 15px;
}
.sys_lf:hover .system_text{
    color: #D91228;
}
.system_text{
    position: absolute;
    bottom:0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    font-size: 18px;
    color: #fff;
}
.sys_rt{
    float: left;
    width:32%;
    padding-left: 10px;
}
.sys_rt ul li{
    margin-bottom:65px;
}
.sys_rt ul li a>img{
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sys_rt ul li:hover a>img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.sys_rt ul li a{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.col_hui{
    background-color: #F5F5F5;
}
.tit_list{
    padding: 30px 0;
}
.tit_list span a{
    font-size: 16px;
    color: #737373;
}
.bg_fff{
    background-color: #fff;
}
.bor-rad{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.cour_top{
    padding: 30px 20px;
    margin-bottom:30px;
}
.cour_lf{
    float: left;
    width: 45%;
}
.cour_lf img{
    width: 100%;
}
.cour_rt{
    width: 55%;
    float: left;
    padding-left: 40px;
}
.cour_rt h1{
    font-size: 30px;
    color: #000000;
    margin-bottom: 30px;
}
.cour_rt h3{
    font-size: 18px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 80px;
}
.course_tit_list li{
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    border:1px solid #DCDCDC;
    text-align: center;
    margin-right: 5px;
}
.course_tit_list li.active{
    border:1px solid transparent;
    background-color: #F10214;
    color: #fff;
}
.course_list  p{
    margin-top: 10px;
    font-size: 18px;
    color: #555555;
    margin-bottom: 40px;
}
.course_list b{
    font-size: 22px;
    color: #F10215;
    font-weight: normal;
    margin-right: 15px;
}
.course_list li{
    display: none;
}
.course_list a{
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #F00214;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.cour_bottom{
    padding: 0 50px;
}
.cour_bottom h1{
    text-align: center;
    font-size: 26px;
    color: #666666;
}
.cour_bottom h1 i{
    font-size: 30px;
    color: #E7132B;
}
.cour_bottom_text_lf{
    float: left;
    width: 50px;
}
.cour_bottom_text_lf span{
    font-size: 27px;
    color: #E7132B;
}
.cour_bottom_text_list{
    margin-bottom: 30px;
}
.cour_bottom_text_rt{
    margin-left: 50px;
}
.cour_bottom_text_rt h4{
    font-size: 26px;
    color: #666;
    margin-bottom: 15px;
}
.cour_bottom_text_rt p{
    font-size: 14px;
    line-height: 25px;
    color: #666666;
}
.pad_bot{
    padding-bottom: 50px;
}
.bounce {
    height: 100vh;
    width: 100%;
    background: rgba(51,51,51,.4);
    position: fixed;
    top: 0;
    left: 0;
    display:none;
    z-index: 99999;
}
.bounce-inner{
    width: 620px;
    padding:60px 50px 120px 50px;
    background: #fff;
    margin: 100px auto;
    position: relative;
}
.bounce-inner h4{
    display: inline-block;
    font-size: 41px;
    color: #494949;
    font-weight: bold;
    font-family:  myFirstFont;
    margin-right: 100px;
}
.bounce-inner form{
    padding: 40px 40px 0 40px;
    border-top: 3px solid #4A4A4A;
    margin-top: 15px;
    text-align: center;
}
.bounce-inner li label{
    float: left;
    width:20%;
    font-size: 16px;
    color: #494949;
    height: 40px;
    line-height: 40px;
}

.bounce-inner li{
    margin-bottom: 20px;
}
.bounce-inner li input{
    float: left;
    border:1px solid #A0E4EE;
    width: 78%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #494949;
}
.bounce-inner li select{
    float: left;
    border:1px solid #A0E4EE;
    width: 78%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #494949;
}
.bounce-inner li input[type="radio"]{
    display: inline-block;
    width: 15px;
    height:15px;
    float: none;
}
.bounce-inner li.hui{
    text-align: left;
    font-size: 16px;
    color: #494949;
}
.bounce-inner li.hui label{
    float: none;
}
.btns{
    text-align: center;
}
.btns p{
    display: inline-block;
    width: 120px;
    height: 50px;
    border: 1px solid #F00214;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 50px;
    margin: 0 20px;
}
.btns p a{
    display: block;
    background: #F00214;
    font-size: 18px;
    color: #fff;
    -webkit-transform: translateY(5px) translateX(-10px);
    -moz-transform: translateY(5px) translateX(-10px);
    -ms-transform: translateY(5px) translateX(-10px);
    -o-transform: translateY(5px) translateX(-10px);
    transform: translateY(5px) translateX(-10px);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btns p:hover a{
    -webkit-transform: translateY(0px) translateX(0px);
    -moz-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    -o-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
}
.seclose{
    width: 28px;
    height: 28px;
    background: url('../images/second/seclose.png') no-repeat;
    position: absolute;
    right: -42px;
    top: 0;
}
.szbg{
    background: url("../images/second/szbg.jpg") no-repeat;
}
.szbg .fu_inner p{
    right: -85px;
    top: 198px;
}
.teacher ul li{
    float: left;
    width: 25%;
    padding:0 10px;
    margin-bottom: 20px;
}
.teacher-img{
    overflow: hidden;
}
.teacher-img img{
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.teacher ul li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.teacher-text{
    background-color: #FAFAFA;
    padding:25px 0 40px 0;
    text-align: center;
}
.teacher-text h4{
    font-size: 18px;
    color: #C57E4A;
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.teacher-text p{
    font-size: 14px;
    color: #959595;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.teacher ul li:hover .teacher-text{
    background-color: #E8132C;
}
.teacher ul li:hover .teacher-text h4{
    color: #fff;
}
.teacher ul li:hover .teacher-text p{
    color: #fff;
}
.teacher-cont{
    width:100%;
    height:100%;
    clear:both;
    margin:0 auto;
    background-color: #F2F2F2;
}
.teacher-lf{ float:left; width:50%;
    padding-left: 180px;
    height: 100%;
}
.teacher-rt{ float:right; width:50%; height: 100%; overflow: hidden;}
.teacher-rt img{
    height: 100%;
}
.teacher-lf h1{
    font-size: 30px;
    color: #000000;
    margin-top: 55px;
    margin-bottom: 10px;
}
.teacher-lf span{
    font-size: 14px;
    color: #5E5E5E;
    margin-bottom: 30px;
}
.teacher-lf p{
    font-size: 14px;
    color: #313131;
    line-height: 40px;
}
.huobg{
    background: url("../images/second/huobg.jpg") no-repeat;
}
.huobg .fu_inner p{
    right: -54px;
    top: 144px;
}
.huo ul li{
    background-color: #fff;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.huo ul li:hover{
    -webkit-box-shadow: 0 0 10px #D0D0D0;
    -moz-box-shadow: 0 0 10px #D0D0D0;
    box-shadow: 0 0 10px #D0D0D0;
}
.huo_img{
    float: right;
    width: 40%;
}
.huo_img img{
    width: 100%;
}
.huo_text{
    float: left;
    width: 60%;
    padding-right: 40px;
}
.huo_text span{
    display: block;
    font-size: 21px;
    color: #999999;
    margin-top: 20px;
    margin-bottom: 30px;
}
.huo_text h4{
    font-size: 36px;
    color: #333333;
    margin-bottom: 50px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.huo_text p{
    font-size: 21px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    color: #999999;
}
.activity{
    padding: 40px;
    margin-bottom: 30px;
}
.activity_lf{
    float: left;
    width: 50%;
    position: relative;
}
.activity_lf img{
    width: 100%;
}
.activity_lf i{
    position: absolute;
    left: 50%;
    top:50% ;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 60px;
    color: #fff;
}
.activity_rt{
    float: left;
    width: 50%;
    padding-left: 40px;
}
.activity_rt h1{
   font-size: 30px;
    color: #000000;
    margin-bottom: 20px;
}
.activity_rt span{
    display: inline-block;
    font-size: 21px;
    color: #999999;
    margin-bottom: 50px;
}
.activity_rt p{
    font-size: 21px;
    color: #999999;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
}
.bounce-cont{
   position: relative;
    padding-top: 150px;
}
.radio i{
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: -13px;
    top: -21px;
}
.radio_cont{
    width: 50%;
    margin: auto;
    position: relative;
}
.radio_cont video{
    width: 100%;
}
.xuebg{
    background: url("../images/second/yanbg.jpg") no-repeat;
}
.item{
    /*width: 45%;*/
    margin-bottom: 10px;
}
.item img{
    max-width: 100%
}
.poto{
    text-align: center;
}
.poto img{
    width:50%;
}
.poto h5{
    line-height: 30px;
    font-size: 1.3em;
    text-align: center;
}
@media screen and (max-width: 1200px){
    .base_rt {
        width: 585px;
    }
    .fu_inner{
        width:1024px;
    }
    .sys_rt ul li {
        margin-bottom: 55px;
    }
    .cour_rt h3 {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1024px){
    .teacher-lf{
        padding-left:50px;
    }
    .sys_rt ul li {
        margin-bottom: 40px;
    }
    .base_rt span {
        width: 81px;
    }
    .base_lf {
        width: 400px;
    }
    .base_rt {
        width: 480px;
        padding: 18px 25px 40px 140px;
    }
    .fu_inner{
        width:768px;
    }
    .cour_rt h1 {
        margin-bottom: 0;
    }
    .course_list p {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px){
    .teacher ul li{
        float: left;
        width: 50%;
    }
    .cour_lf {
        width: 100%;
    }
    .cour_rt h1 {
        font-size: 24px;
        margin-top: 15px;
    }
    .cour_rt h3 {
        font-size: 16px;
    }
    .bounce-inner h4 {
        font-size: 27px;
    }
    .bounce-inner{
        width: 76%;
        padding: 24px 5px 80px 5px;
    }
    .bounce-inner form {
        padding: 18px 0px 0 0px;
    }
    .bounce-inner li label {
        width: 28%;
    }
    .cour_bottom {
        padding: 0 15px;
    }
    .bounce-inner li input {
        width: 70%;
        height: 30px;
        line-height: 30px;
    }
    .cour_bottom h1{
        margin-bottom: 20px;
    }
    .cour_bottom_text_rt h4 {
        font-size: 19px;
    }
    .course_list a{
        font-size: 16px;
    }
    .bounce-inner img{
        display: none;
    }
    .bounce-inner li select{
        width: 70%;
        height: 30px;
        line-height: 30px;
    }
    .bounce-inner li {
        margin-bottom: 8px;
    }
    .btns p {
        width: 70px;
        height: 40px;
        line-height: 40px;
    }
    .cour_rt {
        width: 100%;
        padding-left:0;
    }
    .course_list p {
        font-size: 15px;
    }
    .system_list ul li{
        width: 50%;
        margin-bottom: 15px;
    }
    .sys_rt{
        width:100%;
        padding-left: 0;
    }
    .sys_lf{
        width:100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .system_list ul li h1 i {
        font-size: 20px;
    }
    .system_list ul li h1 {
        height: 25px;
        line-height: 25px;
        font-size: 20px;
    }
    .padd50 {
        padding: 20px 0;
    }
    .base_lf{
        display: none;
    }
    .base_rt{
        position: static;
        width: 100%;
        padding:20px;
        border: none;
    }
    .base_rt_img{
        display: none;
    }
    .base {
        padding: 20px 0 20px 0;
    }
    .base_cont{
        min-height: auto;
    }
    .fu_inner{
        width:100%;
    }
    .title h1 {
        font-size: 24px;
    }
    .fu_bg{
        height: 400px;
        background-size: cover;
    }
    .fu_text h1 {
        width: 50px;
        font-size: 44px;
        right: 70px;
    }
    .yi {
        padding-top: 50px;
        min-height: 500px;
        background: url(../images/second/sbg.jpg) no-repeat center;
        background-size: cover;
    }
    .title p {
         width: 100%;
    }
    .fu_text {
        top: 30px;
    }
    .teacher-lf{
        width:100%;
        padding: 0 10px;
        height: auto;
    }
    .teacher-rt{ width:100%; height:auto;}
    .teacher-rt img{
        width: 100%;
        height: auto;
    }
    .huo_text {
        width: 100%;
        padding-right: 0;
    }
    .huo_text span {
        margin: 0;
        font-size: 14px;
    }
    .huo_text h4 {
        font-size: 16px;
        margin-bottom: 15px;
        height: 20px;
        line-height: 20px;
    }
    .huo_text p {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
        margin-bottom: 20px;
    }
    .huo_img {
        width: 100%;
    }
    .huo ul li {
        padding: 15px;
    }
    .pc_dis{
        display:block;
    }
    .ph_dis{
        display: none;
    }
    .activity_lf{
        width: 100%;
    }
    .activity_rt{
        width: 100%;
        padding-left:0;
    }
    .activity {
        padding: 10px;
    }
    .activity_rt h1 {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .activity_rt span {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .activity_rt p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .radio_cont {
        width: 90%;
    }
    .poto img{
        width:80%;
    }
    .container-fluid {
        width: 100% !important;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }
}